<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>绑定手机</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/loginReg.css" />
</head>
<body>
<div class="content">
    <div class="container">
        <div class="closeBtn_wrap">
            <a href="javascript:void(0)" class="closeBtn"></a>
        </div>
        <!--绑定手机部分-->
        <div class="main" id="binding_phoneNum" style="display:none;">

            <!-- 绑定手机部分一 -->
            <div class="mainBody getCertify" id="bingding_one"  style="display: none">
                <div class="topTitle_wrap">
                    <span class="topTitle">绑定手机</span>
                </div>
                <div class="mainBody"  >
                    <div class="blurb">绑定后，手机号可作为湖北金服账号，用于所有湖北金服产品（默认密码888888）
                    </div>
                    <div class="userName_wrap">
                        <div class="userName_box">
                            <input type="text" maxlength="18" placeholder="手机号" class="userName phoneNum_userName reset_userName" id="bingding_userName" />
                        </div>
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                    <div class="certifyCode_wrap">
                        <div class="certifyCode_box">
                            <input type="text" maxlength="18" placeholder="请输入验证码" class="certifyCode" id="bingding_Code" />
                            <a href="javascript:void(0)" class="cfCodeImg_wrap"><img src="" class="cfCodeImg certifyCodeImg" /></a>
                        </div>
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                    <div class="error_wrap error_tip"></div>
                    <a href="javascript:void(0)" class="btn" id="bingding_next">下一步</a>
                </div>
            </div>
            <!--绑定手机部分二-->
            <div class="mainBody getCertify" id="bingding_two" >
                <div class="topTitle_wrap">
                    <span class="topTitle">绑定手机</span>
                </div>
                <div class="getCertifyCode_top getCertifyCode_bindingtop">
                    请用手机<span class="phoneNum" id="bingding_Code_top"></span>进行验证
                </div>
                <div class="certifyCode_wrap">
                    <div class="certifyCode_box">
                        <input type="text" maxlength="18" placeholder="请输入验证码" class="certifyCode" id="bingding_certifyCode" />
                        <a href="javascript:void(0)" class="resendWrap" id="bingding_newSend">重新发送(100)</a>
                    </div>
                    <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                    <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                </div>
                <div class="phoneCfCodeTxt_wrap">验证码已发送到您的手机</div>
                <div class="error_wrap error_tip_mCode" style="display:none;">验证码错误</div>
                <a href="javascript:void(0)" class="btn" id="bingding_finished">完成</a>
            </div>
        </div>

        <!--更换绑定手机部分一-->
        <div class="main" id="replace_binding" >
            <div class="mainBody getCertify" id="replace_binding_one"  style="display:none;">
                <div class="topTitle_wrap">
                    <span class="topTitle">更换绑定手机</span>
                </div>
                <div class="blurb">
                    为绑定账号安全,请用手机<span class="phoneNum" id="replace_phoneNum">136****1606</span>进行验证
                </div>
                <div class="certifyCode_wrap">
                    <div class="certifyCode_box">
                        <input type="text" maxlength="18" placeholder="请输入验证码" class="certifyCode" id="replace_Code" />
                        <a href="javascript:void(0)" class="resendWrap" id="replace_newSend">重新发送(100)</a>
                    </div>
                    <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                    <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                </div>
                <div class="phoneCfCodeTxt_wrap">验证码已发送到您的手机</div>
                <div class="error_wrap error_tip_mCode" style="display:none;">验证码错误</div>
                <a href="javascript:void(0)" class="btn" id="replace_next">下一步</a>
            </div>
            <!--更换绑定手机部分二-->
            <div class="mainBody getCertify" id="replace_binding_two"   style="display:none;">
                <div class="topTitle_wrap">
                    <span class="topTitle">绑定新手机</span>
                </div>
                <div class="mainBody"  >
                    <div class="userName_wrap">
                        <div class="userName_box">
                            <input type="text" maxlength="18" placeholder="注册手机号" class="userName phoneNum_userName reset_userName" id="replace_userName" />
                        </div>
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                    <div class="certifyCode_wrap">
                        <div class="certifyCode_box">
                            <input type="text" maxlength="18" placeholder="请输入验证码" class="certifyCode" id="replace_certifyCode" />
                            <a href="javascript:void(0)" class="cfCodeImg_wrap"><img src="" class="cfCodeImg certifyCodeImg" /></a>
                        </div>
                        <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                        <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                    </div>
                    <div class="error_wrap error_tip"></div>
                    <a href="javascript:void(0)" class="btn" id="replaceBtn_next">下一步</a>
                </div>
            </div>

            <!--更换绑定手机部分三-->
            <div class="mainBody getCertify" id="replace_binding_three" >
                <div class="topTitle_wrap">
                    <span class="topTitle">绑定新手机</span>
                </div>
                <div class="blurb">
                    请用手机号码<span class="phoneNum" id="replace_newPhoneNum">136****1606</span>接收验证码
                </div>
                <div class="certifyCode_wrap">
                    <div class="certifyCode_box">
                        <input type="text" maxlength="18" placeholder="请输入验证码" class="certifyCode" id="replace_newCode" />
                        <a href="javascript:void(0)" class="resendWrap" id="replace_newSendCode">重新发送(100)</a>
                    </div>
                    <!--<img src="images/errorIcon.jpg" class="errorIcon" />-->
                    <!--<img src="images/rightIcon.jpg" class="rightIcon" />-->
                </div>
                <div class="phoneCfCodeTxt_wrap">验证码已发送到您的手机</div>
                <div class="error_wrap error_tip_mCode" style="display:none;">验证码错误</div>
                <a href="javascript:void(0)" class="btn" id="replace_finished">完成</a>
            </div>

        </div>
    </div>
</div>

<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script src="js/palaceholder_forIE678.js" type="text/javascript" charset="utf-8"></script>
<script src="js/loginReg.js" type="text/javascript" charset="utf-8"></script>
<script src="js/login_reset.js" type="text/javascript" charset="utf-8"></script>
</body>
<script>
    var validateRandom = new Date().getTime() + Math.floor(Math.random() * 10) ;
    $(function(){
        //刷新验证码
        var vCodeUrl = "http://reg.999finpro.com/Reg/getverifyimage.aspx?id=";
        $(".certifyCodeImg").attr("src",vCodeUrl + validateRandom);
        $(".cfCodeImg_wrap").on("click",function(){
            validateRandom = new Date().getTime() + Math.floor(Math.random() * 10);
            $(".certifyCodeImg").attr("src",vCodeUrl + validateRandom);
        })
    })
</script>
</html>


